import { PureComponent } from 'react'
import { Input, DatePicker, Select, Button } from 'antd'
import SingleTable from 'components/table/index'
import styles from './receiptRecord.less'
const { Option } = Select
export default class ReceiptRecord extends PureComponent {
    render(){
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '签收单号',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '签收人',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '签收时间',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '4',
            title: '是否下单',
            dataIndex: 'creatorName',
            align: 'center',
        }]
        return(
            <div className={styles.receiptRecord}>
                <div className={styles.receiptRecordBox}>
                    <h2>签收记录</h2>
                </div>
                <div className={styles.receiptRecordSearch}>
                    <div className={styles.receiptRecordSearchSin}>
                        <span className={styles.receiptRecordSpan}>签收单号：</span>
                        <Input  className={styles.receiptRecordInput}/>
                    </div>
                    <div className={styles.receiptRecordSearchSin} style={{margin: '0 28px'}}>
                        <span className={styles.receiptRecordSpan}>开始日期：</span>
                        <DatePicker  className={styles.receiptRecordInput}/>
                    </div>
                    <div className={styles.receiptRecordSearchSin}>
                        <span className={styles.receiptRecordSpan}>结束日期：</span>
                        <DatePicker  className={styles.receiptRecordInput}/>
                    </div>
                    <div className={styles.receiptRecordSearchSin} style={{marginLeft: '28px'}}>
                        <span className={styles.receiptRecordSpan}>是否下单：</span>
                        <Select defaultValue="lucy" className={styles.receiptRecordInput} >
                            <Option value="jack">Jack</Option>
                            <Option value="lucy">Lucy</Option>
                            <Option value="Yiminghe">yiminghe</Option>
                        </Select>
                    </div>
                </div>
                <div className={styles.receiptRecordSearch}>
                    <div className={styles.receiptRecordSearchSin}>
                        <span className={styles.receiptRecordSpan}>签收来源：</span>
                        <Select defaultValue="lucy" className={styles.receiptRecordInput} >
                            <Option value="jack">Jack</Option>
                            <Option value="lucy">Lucy</Option>
                            <Option value="Yiminghe">yiminghe</Option>
                        </Select>
                    </div>
                </div>
                <Button type="primary" style={{marginLeft: '24px'}}>查询</Button>
                <Button style={{marginLeft: '24px'}}>导出</Button>
                <div className={styles.receiptRecordTable} style={{marginTop: '24px'}}>
                    <SingleTable
                        data={{ list: dataList }}
                        columns={columns}
                        
                    />
                </div>
            </div>
        )
    }
}